<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>勤学网</title>
<link href="static/mainVarious/做大项目/ico.ico" rel="shortcut icon"
	type="image/x-icon" />
<!--引入jQuery-->
<script type="text/javascript" src="static/js/jquery-1.12.4.js"></script>
<!--引入bootstrap脚本-->
<script type="text/javascript"
	src="static/plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--引入BoorStrap样式文件-->
<link rel="stylesheet" type="text/css"
	href="static/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="static/plugins/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css"
	href="static/mainVarious/css/mianStyle.css">
<script type="text/javascript" src="static/mainVarious/mainScript.js"></script>
</head>
<body>
	<div id="k1">
		<ul class="all">
			<li class="demo1"><font face="agency fb" size="5"> 勤学网<br>qinxue.com
			</font></li>
			<li class="demo9"><span class="glyphicon glyphicon-time"></span>
				<span id="ajax02">学习记录</span> <span id="ajax04"
				style="display: none;"><a href="javascript:void(0);"
					style="float: none" onclick="window.location.href='login_mmd.jsp'">
						<font color="white">注销</font></a></span>
				<p class="menu2" id="ajax03">
					您还没有登录 <a data-toggle="modal" href="#myModal" style="float: none;">
						<font color="navajowhite">请现在登录</font>
					</a>
				</p>
				
					
				</li>
	
			<li class="demo8" class="all2"><input type="text" name="text1"
				id="inp" maxlength="15" placeholder="请输入需要搜索的课程"> 

				<span class="glyphicon glyphicon-search"></span></li>

             <li>
             <div id="ajax06">
			<div class="demo6" id="ajax01"><a data-toggle="modal"
				href="#myModal" style="float: none;"> <font color="white">登录</font></a>
				&nbsp;|&nbsp; <a id="jsHeaderLogin" href="javascript:void(0);"
				style="float: none" onclick="window.location.href='Loginlx.jsp'"><font
					color="white">注册</font></a></div>
		    <div id="ajax05">
				<p><a href="javascript:void(0);"
				onclick="window.location.href='order_ljx.jsp'">个人中心</a></p>
				<p>我的笔记</p>
				<p>我的提问</p>
				<p>
					<a href="javascript:void(0);" style="float: none"
						onclick="window.location.href='login_mmd.jsp'"><font color="white">退出登录</font></a>
				</p>
				</div>
				</div>
			</li>
					<li class="demo5">学员感言</li>
					<li class="demo4">老师加盟</li>
					<li class="demo3"><span>课程设置</span>
						<div class="menu1">
							<p><a href="javascript:void(0);" style="float: none"
						onclick="window.location.href='Login_chj.jsp'"><font color="white">平面设计</font></a></p>
							<p>室内设计</p>
							<p>园林设计</p>
							<p>机械设计</p>
						</div></li>

					<li class="demo2" id="all2">首页</li>
			

		</ul>
	</div>
	
	<div id="aboveall">
		<div class="k2">
			<img src="static/mainVarious/做大项目/gaoxiaolv.JPG">
			<ul>
				<li><a href="static/mainVarious/做大项目/gaoxiaolv.JPG">1</a></li>
				<li><a href="static/mainVarious/做大项目/qinxue.jpg">2</a></li>
				<li><a href="static/mainVarious/做大项目/qinxue2.JPG">3</a></li>
				<li><a href="static/mainVarious/做大项目/qinxue4.jpg">4</a></li>
			</ul>
		</div>
	</div>
	<div>
		<ul class="k3">
			<li id="li1"><a href="javascript:void(0);">
					<div class="picture1">
						<img src="static/mainVarious/做大项目/平面设计.JPG" alt="平面设计"
							width="390px" height="220px">

						<div class="text01" id="01text">
							<p>
								<font size="5"><b>平面设计学院</b></font>
							<p>
								通过对本学院课程的系统学习，学员可在短期内掌握平面设计岗位所需的专业技能；熟练应用Coreldraw、Indesign、Photoshop、Illustrator等软件工具；能完成与表达任何创意；熟练进行有创意的视觉设计；成为具有先进设计思想和理念的平面设计实用型、技能型人才。
							</p>
						</div>
					</div>
			</a></li>
			<li id="li1"><a href="javascript:void(0);">
					<div class="picture1">
						<img src="static/mainVarious/做大项目/室内设计.JPG" alt="室内设计"
							width="390px" height="220px">

						<div class="text01">
							<p>
								<font size="5"><b>室内设计学院</b></font>
							<p>
								本学院以培养学员室内设计实战技能为教学重点，通过大量的案例教学，让学员熟练掌握室内方案设计、施工工艺、材料应用、软装配饰设计、工程预算、效果表现和CAD施工图绘制技艺。由经验丰富的讲师和业内牛人授课，培养富有想象力和创造力以及艺术素养的室内装饰设计人才。
							</p>
						</div>
					</div>
			</a></li>
			<li id="li1"><a href="javascript:void(0);">
					<div class="picture1">
						<img src="static/mainVarious/做大项目/影视后期.JPG" alt="影视后期"
							width="390px" height="220px">

						<div class="text01">
							<p>
								<font size="5"><b>影视后期学院</b></font>
							<p>
								影视后期制作学院为电视和电影制作工业培养后期专业人才。通过影视剪辑，影视合成和三维制作等模块进行系统的学习，学成后能够适应行业中的各种制作规范和各大公司的制作流程，真正成为影视特效公司，影视广告公司，影视动画公司，电视台等高级专业人才。
							</p>
						</div>
					</div>
			</a></li>
		</ul>
	</div>
	<div class="Menubox">
		<ul>
			<li id="one1" onmouseover="setTab('one',1,6)">最新更新</li>
			<li id="one2" onmouseover="setTab('one',2,6)">平面设计学院</li>
			<li id="one3" onmouseover="setTab('one',3,6)">室内设计学院</li>
			<li id="one4" onmouseover="setTab('one',4,6)">园林景观学院</li>
			<li id="one5" onmouseover="setTab('one',5,6)">机械设计学院</li>
			<li id="one6" onmouseover="setTab('one',6,6)">影视后期制作学院</li>
		</ul>
	</div>
	<div class="Contentbox">
		<div id="con_one_1" style="background: white;">
			<ul>
				<li><img src="static/mainVarious/做大项目/img/3D Max.jpg" width="40px" height="40px"></li>
				<li>java</li>
			
			</ul>
			
		</div>
		<div id="con_one_2" style="background: white; display: none">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
		</div>
		<div id="con_one_3" style="background: white; display: none">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
		</div>
		<div id="con_one_4" style="background: white; display: none">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
		</div>
		<div id="con_one_5" style="background: white; display: none">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
		</div>
		<div id="con_one_6" style="background: white; display: none">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
			</ul>
		</div>
	</div>
	<div id="littletype">
		<font size="4"> <a href="#">更多课程</a>
		</font>
	</div>
	<div id="littletype2">
		<div id="touxiang01">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
				<li>date</li>
				<li>ueow</li>
				<li>rew</li>
				<li>rww</li>
			</ul>
		</div>
		<div id="touxiang02">
			<ul>
				<li>name</li>
				<li>password</li>
				<li>email</li>
				<li>date</li>
				<li>ueow</li>
				<li>rew</li>
				<li>rww</li>
			</ul>
		</div>
	</div>
	<div class="bottom01">
		<div id="boo1">
			<ul>
				<li>新手指南</li>
				<li><a href="#">>注册成为会员</a></li>
				<li><a href="#">>如何购买课程</a></li>
				<li><a href="#">>支付方式</a></li>
				<li><a href="#">>帮助中心</a></li>
			</ul>
		</div>
		<div id="boo2">
			<ul>
				<li>关于我们</li>
				<li><a href="#">>诚招英才</a></li>
				<li><a href="#">>联系我们</a></li>
				<li><a href="#">>意见反馈</a></li>
				<li><a href="#">>网站地图</a></li>
				<li><a href="#">>版权声明</a></li>
			</ul>
		</div>
		<div id="boo3">
			<ul>
				<li>老师招募</li>
				<li><a href="#">>申请成为老师</a></li>
				<li><a href="#">>我是老师</a></li>
				<li><a href="#">>师资团队</a></li>
			</ul>
		</div>
		<div id="boo4">
			<ul>
				<li>合作加盟</li>
				<li><a href="#">>推广加盟</a></li>
				<li><a href="#">>学习卡代理</a></li>
				<li><a href="#">>批量购买</a></li>
			</ul>
		</div>
		<div id="boo5">
			<ul>
				<li><img src="static/mainVarious/做大项目/qq.JPG"></li>
				<li><font size="3" color="gainsboro">联系电话</font><br> <font
					size="5" color="orange">400-820-8820</font></li>
				<li><font size="3" color="gainsboro">联系邮箱</font> <br> <font
					size="4" color="gainsboro">forg@132.com</font></li>
			</ul>
		</div>
	</div>
	<div id="bottom02">
		<div id="drop01">
			<font size="2" color="darkgrey">呱呱呱大青蛙文化传播有限公司</font>
		</div>
		<div id="drop03">
			<font size="2" color="darkgrey">
				勤&nbsp;学&nbsp;善&nbsp;思&nbsp;&nbsp;学&nbsp;以&nbsp;致&nbsp;用 </font>
		</div>
		<div id="drop02">
			<font size="3" color="darkgrey"> 勤学网 </font> <br> <b> <font
				size="2" color="#8C8C8C"> qinxue.com </font>
			</b>

		</div>
		<div id="rightall">
			<div class="right01" id="stroll01">
				<span class="glyphicon glyphicon-hand-up" id="span01"></span>
			</div>
			<div class="right01">
				<span class="glyphicon glyphicon-user" id="span02"></span>
			</div>
			<div class="right01">
				<div id="span031">
					<span class="glyphicon glyphicon-phone-alt" id="span03"></span>
				</div>

			</div>
			<div class="right01" id="stroll04">
				<span class="glyphicon glyphicon-hand-down" id="span04"></span>
			</div>

		</div>
		<div id="span032">
			<font size="3" color="purple">客服电话<br> <font size="4"
				color="darkslategrey"><b>123-231-312</b></font>
		</div>
	</div>

	<div data-backdrop="static" class="modal fade" id="myModal"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
					<h4 class="modal-title" id="myModalLabel">
						<font size="4" color="#000000">欢迎您登录</font>
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" action="AjaxDemoAction" method="post"
						name="myform_ma" onsubmit="return validateForm()" id="form1">
						<div class="form-group">
							<label class="col-sm-5 control-label col-sm-offset-3"><font
								size="4" color="#A2A5A5">开启高效的学习之旅</font></label>
						</div>
						<div class="form-group" style="margin-top: 10px;">
							<label class="col-sm-2 control-label col-sm-offset-2"><font
								color="#0F0F0F">用户名:</font></label>
							<div class="col-sm-5">
								<input type="text" class="form-control" id="txtUserName"
									name="host_name" placeholder="请输入用户名">
							</div>
							<span id="box_ma01" style="display: none;"><font
								color="red">用户名不能为空!</font></span>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label col-sm-offset-2"><font
								color="#0F0F0F">密码:</font></label>
							<div class="col-sm-5">
								<input type="password" class="form-control" id="txtUserPsw"
									name="host_psw" placeholder="请输入密码">
							</div>
							<span id="box_ma02" style="display: none;"><font
								color="red">密码不能为空!</font></span>
						</div>
						<!--<div class="form-group">
						<label class="col-sm-2 control-label col-sm-offset-2"></label>
						</div>-->
						<div class="form-group">
							<label class="col-sm-2 control-label col-sm-offset-7"><font
								color="#A7A2A2"> <a id="jsHeaderLogin" href="javascript:void(0);"
				style="float: none" onclick="window.location.href='Login_find.jsp'">忘记密码</a></font></label>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-4 col-sm-2 ">
								<button type="button" class="btn btn-default"
									onclick="doAjaxQuery()">登录</button>
							</div>
							<div class=" col-sm-2 ">
								<button type="reset" class="btn btn-default">重置</button>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<script type="text/javascript">
	$(document).ready(function(){
		var Host_id =<%=request.getSession().getAttribute("Host_id")%>;
		if(Host_id!=null&&Host_id!=""){
		$.ajax({
			url:"FinfImgControl",
		    type:"POST",
		   data: 
			  {"Host_id":Host_id},
		   dataType:"json",
		  
		   success:function(data,textStatus,jqXHR){
			   $.each(data, function(index, eachVal) {
			   
	    		var mmd=eachVal.host_name+",您已登录";
	    		$("#ajax01").html(mmd);
	    		$("#ajax06").hover(function(){
	    			$("#ajax05").show();
	    		},function(){
	    			$("#ajax05").hide();
	    		});
	    		$("#ajax02").hide();
	    		$("#ajax03").hide();
	    		$("#ajax04").show();
	    		
	    		
    		
	    	});
		},
		error : function(data) {
			alert("登录失败："+data);		
		}
	});
		}
	});

	</script>
	<%-- <script type="text/javascript">
	$(document).ready(function(){
		var Host_id =<%=request.getSession().getAttribute("Host_id")%>;
		if(Host_id!=null&&Host_id!=""){
		$.ajax({
			url:"imgControl",
		    type:"POST",
		   data: 
			  {"Host_id":Host_id},
		   dataType:"json",
		  
		   success:function(data,textStatus,jqXHR){
			   $.each(data, function(index, eachVal) {
				   var strHtml = "";
					$.each(data,function(index,eachVal) {
										strHtml += "<ul><li>";

										strHtml += "<img src='";
										strHtml += eachVal.c_img
										strHtml += "' width='100px' height='100px'>"
										strHtml += "</li>";
										strHtml += "<li>"
										strHtml += eachVal.c_name;
										//	alert("eachVal.c_img:"+ eachVal.c_img);
										strHtml += "</li></ul>"
										
									});
	    		$("#con_one_1").html(strHtml);
	    		
	    		
    		
	    	});
		},
		error : function(data) {
			alert("插入失败："+data);		
		}
	});
		}
	});

	</script> --%>
</body>
</html>